<template>
    <view >
    <view class="show-background " v-if="showFollower">
        <view class="fixed b0 l0 w100b h430 ">
            <view class="w100b h100b relative  ">
                <image class="w100b h100b " src="/static/new/gzxhd-bg.png"></image>
                <view class="absolute w100b h100b t0 l0 bsbox pt30 pl30 pr30 ">
                    <view class="dsf ">
                        <u-icon     name="close" size="26" ></u-icon>
                    </view>
                    <view class="pt44 fz34 col333 fwb ">{{$root.m0}}</view>
                    <view class="pt20 fz24 col666 ">{{$root.m1+'2'+$root.m2}}</view>
                    <view class="pt80 dsf alc jcsb ">
                        <view  :class="['',index==checkindex?'follow-person-check':'follow-person']"  v-for="(item,index) in follow" :key="index">{{item.name}}</view>
                    </view>
                </view>
            </view>
        </view>
    </view>
    <view class="show-background " v-if="showFollow">
        <view class="fixed b0 l0 w100b h800 ">
            <view class="w100b h100b relative bod-radius ">
                <image class="w100b h100b " src="/static/new/gzxhd-bg2.png"></image>
                <view class="absolute w100b h100b t0 l0 bsbox pt30 pl30 pr30 ">
                    <view class="dsf ">
                        <u-icon     name="arrow-leftward" size="26" ></u-icon>
                    </view>
                    <view class="fz34 fwb col333 pt30 pb30 ">{{$root.m3+currntfollow.value}}</view>
                    <view class="bgEEF2FD h100rpx dsf alc jcsb pl24 pr24 ">
                        <view class="fz28 col333 fwb ">{{$root.m4}}</view>
                        <view class="dsf alc ">
                            <view  :class="['',selffollower==1?'self-follower-check mr36':'self-follower mr36']" >{{$root.m5}}</view>
                            <view  :class="['',selffollower==0?'self-follower-check':'self-follower']" >{{$root.m6}}</view>
                        </view>
                    </view>
                    <view class="mt24 bgEEF2FD pt24 pl24 pr24 pb24 ">
                        <view class="fz28 col333 fwb ">{{$root.m7}}</view>
                        <view class="pt30 ">
                            <view class="bgfff ">
                                <view class="h130 dsf alc jcsb pl24 pr24 bbe1 ">
                                    <view class="fz28 col333 fwb t-phone ">
                                        <u--input   border="surround"  :clearable="true"  maxlength="12" :placeholder="$root.m8" v-model="followphone" ></u--input>
                                    </view>
                                    <view  class="dsf alc "  v-if="platform!='ios'">
                                        <view class="pl20 pr20 h62 bd999 bdra10 dsif alc jcc fz28 col333 ">{{$root.m9}}</view>
                                    </view>
                                </view>
                            </view>
                        </view>
                    </view>
                    <view class="dsf alc jcsb fz24 col2270FC pl30 pr30 pt24 pb20 ">
                        <view class="dsf alc ">
                            <u-icon   color="#2270FC" name="checkmark-circle" size="28" ></u-icon>
                            <text class="pl10 ">{{$root.m10}}</text>
                        </view>
                        <view class="dsf alc ">
                            <u-icon   color="#2270FC" name="checkmark-circle" size="28" ></u-icon>
                            <text class="pl10 ">{{$root.m11}}</text>
                        </view>
                        <view class="dsf alc ">
                            <u-icon   color="#2270FC" name="checkmark-circle" size="28" ></u-icon>
                            <text class="pl10 ">{{$root.m12}}</text>
                        </view>
                    </view>
                    <view class="pl24 pr24 ">
                        <view  class="dsf alc jcc h102 bg2270FC fz32 colfff fwb bdra14 " >{{$root.m13}}</view>
                    </view>
                </view>
            </view>
        </view>
    </view>
</view>

</template>

<script>
	export default {
		data() {
      
    },
		onLoad() {

		},
		onShow() {

		},

		methods: {

		}
	}
</script>

<style scoped lang="scss">
.show-background {
    background-color: rgba(0, 0, 0, .3);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 800 !important
}

.follow-person {
    border: 1px solid #999;
    border-radius: 10upx;
    color: #333
}

.follow-person-check,
.follow-person {
    align-items: center;
    display: -webkit-inline-flex;
    display: inline-flex;
    height: 80upx;
    justify-content: center;
    width: 212upx
}

.follow-person-check {
    background-color: #eef2fd;
    border: 1px solid #0083fe;
    border-radius: 10upx;
    color: #0083fe
}

.self-follower {
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 10upx;
    color: #999;
    width: 120upx
}

.self-follower-check,
.self-follower {
    align-items: center;
    display: -webkit-inline-flex;
    display: inline-flex;
    height: 62upx;
    justify-content: center
}

.self-follower-check {
    background-color: #eef2fd;
    border: 1px solid #0083fe;
    border-radius: 10upx;
    color: #0083fe;
    font-weight: 700;
    width: 60px
}

.t-phone {
    width: 426upx
}
</style>